﻿<script type="text/javascript">
  var tabPodpowiedzi = [
    "Pierwsza podpowiedź",
    "Druga podpowiedź",
    "Trzecia podpowiedź"
  ];
  function showTooltip(id, obj)
  {
    if(!obj) return;
    
    id = isNaN(id = parseInt(id))?0:id;
    if(id < 1 || id > tabPodpowiedzi ) return;

    xOff = obj.offsetWidth/1;
    yOff = obj.offsetHeight/1;

    while(obj.offsetParent){
      xOff += obj.offsetLeft/1;
      yOff += obj.offsetTop/1;
      obj = obj.offsetParent;
    }

    var tooltipDiv = document.getElementById("tooltipDiv");
    if(!tooltipDiv) return;
    tooltipDiv.innerHTML = tabPodpowiedzi[id - 1];
    tooltipDiv.style.top = yOff + "px";
    tooltipDiv.style.left = xOff + "px";
    tooltipDiv.style.display = "block";
  }

  function closeTooltip()
  {
    var tooltipDiv = document.getElementById("tooltipDiv");
    if(tooltipDiv)
      tooltipDiv.style.display = "none";
  }
</script>